<template>
  <div class="page-wrapper">
    <div class="head-info">
      <div class="info-item"><label>患者姓名：</label><span>{{$route.query.name}}</span></div>
      <div class="info-item"><label>性别：</label><span>{{$route.query.gender}}</span></div>
      <div class="info-item"><label>年龄：</label><span>{{$route.query.age}}</span></div>
      <div class="info-item"><label>电话：</label><span>{{$route.query.telephone}}</span></div>
    </div>
    <Tabs type="card">
        <TabPane label="步数"><Steps /></TabPane>
        <TabPane label="血压"><BloodPressure /></TabPane>
        <TabPane label="血糖"><Sugar /></TabPane>
        <TabPane label="体重"><Weight /></TabPane>
        <TabPane label="医生评估建议"><Suggestion /></TabPane>
    </Tabs>
    <div class="btn-group">
      <Button style="width: 100px" @click="handleBack">返回上一页</Button>
    </div>

  </div>
</template>

<script>
import Steps from "./components/steps";
import BloodPressure from "./components/bloodPressure";
import Sugar from "./components/sugar";
import Weight from "./components/weight";
import Suggestion from "./components/suggestion";
export default {
  components: {
    Steps,
    BloodPressure,
    Sugar,
    Weight,
    Suggestion,
  },
  created() {
    let breadList = [
      { path: "/index", title: "首页" },
      {
        path: "",
        title: "患者运营管理"
      },
      {
        path: "/index/operation/patientInfoQuery/list",
        title: "患者信息查询"
      }
    ];
    this.$emit("changeBreadList", breadList);
  },
  methods: {
    handleBack() {
      this.$router.push({
        path: '/index/operation/patientInfoQuery/list'
      });
    }
  }
}
</script>

<style scoped lang="less">
  .head-info {
    display: flex;
    padding: 10px 0px 20px;
    .info-item {
      font-weight: bold;
      padding-right: 50px;
    }
  }
  .btn-group {
    text-align: center;
    margin: 40px 0 20px;
  }
</style>